<template>
  <div>
    <el-table
    :data="tableData"
    style="width: 100%"
    :row-class-name="tableRowClassName">
    <el-table-column
      prop="date"
      label="序列"
      >
      <template #default="props">
        {{ props.$index+1 }}
      </template>
    </el-table-column>
    <el-table-column
      prop="date"
      label="添加日期"
      >
      <template #default="{row}">
        {{ Date.now()}}

      </template>
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      >
      <template #default="{row}">
        {{ row.adminname }}
      </template>
    </el-table-column>
    <el-table-column
      prop="address"
      label="管理等级"
      v-if="bol">
      <template #default="{row}">
        {{ row.role }}
      </template>
    </el-table-column>
    <el-table-column
      prop="address"
      label="管理地址"
      v-if="!bol">
      <template #default="prop">
        {{ lis[prop.$index] }}
      </template>
    </el-table-column>
    <el-table-column
      prop="address"
      label="操作">
      <template #default="{row}">
        <el-button type="danger" size="mini" @click="$emit('del',row.adminid)">删除</el-button>
        <el-button type="primary" size="mini" @click="$emit('modifys',row)">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
  </div>
</template>

<script>
  export default {
    props:{
      tableData:{
        type:Array,
        default:()=>[]
      },
      bol:{
        type:Boolean,
        default:true
      }
    },
    methods: {
      tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      }
    },
    data() {
      return {
      lis:['姓名：张三，电话：1332219822，地址：广东省深圳市南山区科技中一路1号','姓名：李思思，电话：1478219822，地址：广西省北南湖二街','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：东哥，电话：1430519822，地址：辽宁省邵尔三街，风飞七楼','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：张三，电话：1332219822，地址：广东省深圳市南山区科技中一路1号','姓名：李思思，电话：1478219822，地址：广西省北南湖二街','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：东哥，电话：1430519822，地址：辽宁省邵尔三街，风飞七楼','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号','姓名：龙然，电话：1572910822，地址：天津蜀南山，辽东锋楠锋二号']
      }
    }
  }
</script>

<style lang="scss" scoped>
  .el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }
</style>